.dialog-wrapper {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    margin: auto;
    width: 6.2rem;
    border-radius: 28px;
    z-index: 9999;
    text-align: center;
    transform: scale(0.9);
}


.dialog-wrapper.no-scale-dialog {
    transform: scale(1);
}

.load-wrapper {
    width: 6.81rem;
    display: block;
    border-radius: 0;
    height: 12rem;
}

.load-wrapper .bg {
    width: 100%;
    height: 100%;
}

.load-wrapper .load-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 4.2rem;
    margin: auto;
    width: 3.9rem;
}

.load-wrapper .load-progress {
    position: absolute;
    padding: 0 .2rem;
    left: 0;
    right: 0;
    top: 9.2rem;
    margin: auto;
    height: .35rem;
    width: 3.6rem;
    background: url('../imgs/load/progress.png') no-repeat center center /cover;
}

.load-wrapper .load-in {
    position: absolute;
    background: url(../imgs/load/progress-in.png) no-repeat -.04rem center /102% 100%;
    width: 3.6rem;
    height: .26rem;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.load-wrapper .con {
    position: relative;
    width: 3.6rem;
    top: .045rem;
    height: .26rem;
}

.load-wrapper .load-on {
    position: absolute;
    width: 0;
    height: .21rem;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.load-wrapper .load-txt {
    position: absolute;
    height: .21rem;
    left: 0;
    right: 0;
    top: 10rem;
    height: .4rem;
    margin: auto;
    line-height: .4rem;
    color: #EBC519;
    font-size: .3rem;
}

.load-wrapper .load-txt .percent {
    display: inline-block;
    width: .8rem;
    font-weight: bold;
    font-size: .4rem;
    line-height: .4rem;
}

.dialog-wrapper .close {
    position: absolute;
    display: block;
    bottom: -.77rem;
    left: 0;
    right: 0;
    margin: auto;
    width: .42rem;
    height: .42rem;
    background: url('../imgs/close.png') no-repeat center center /cover;
    z-index: 1;
}

.mi-wrapper {
    bottom: 6%;
    text-align: center;
    height: 10rem;
    background: url('../imgs/m-bg.png') no-repeat center center /100% 100%;
}

.mi-wrapper .tip {
    margin-top: 5.3rem;
    color: #DE6A52;
    font-size: .35rem;
}

.mi-wrapper .mi-num {
    margin-top: .34rem;
    color: #999;
    font-size: .28rem;
}

.mi-wrapper .mi-sum {
    margin: .69rem auto;
    color: #4D4D4D;
    font-size: .49rem;
    width: 3.47rem;
    height: .69rem;
    background: #F7F7FC;
    border-radius: .3rem;
}

.mi-wrapper .mi-sum img {
    width: .37rem;
    height: .42rem;
    margin-right: 0.14rem;
}

.mi-wrapper .sure-button {
    width: 3.47rem;
    height: .9rem;
    display: inline-block;
    background: url('../imgs/suer-button.png') no-repeat center center /100% 100%;
}

.jin-wrapper {
    bottom: 9%;
    text-align: center;
    height: 10rem;
    background: url('../imgs/jin-bg.png') no-repeat center center /100% 100%;
}

.jin-wrapper .tip {
    margin-top: 5.3rem;
    color: #EBC519;
    font-size: .35rem;
}

.jin-wrapper .txt {
    margin-top: .34rem;
    color: #999;
    font-size: .28rem;
}

.jin-wrapper .jin-sum {
    margin: .69rem auto;
    color: #4D4D4D;
    font-size: .49rem;
    width: 3.47rem;
    height: .69rem;
    background: #F7F7FC;
    border-radius: .3rem;
}

.jin-wrapper .jin-sum img {
    width: .37rem;
    height: .42rem;
    margin-right: 0.14rem;
}

.jin-wrapper .sure-button {
    width: 3.47rem;
    height: .9rem;
    display: inline-block;
    background: url('../imgs/ling-button.png') no-repeat center center /100% 100%;
}

.lottery-get-wrapper,
.out-get-wrapper {
    text-align: center;
    width: 4.72rem;
    height: 6.19rem;
    background: #fff;
}

.lottery-get-wrapper .lottery-img,
.out-get-wrapper .lottery-img {
    margin-top: .69rem;
    display: inline-block;
    width: 1.38rem;
    height: 1.44rem;
}

.lottery-get-wrapper .txt,
.out-get-wrapper .txt {
    margin: .46rem auto .49rem;
    color: #4D4D4D;
    font-size: .35rem;
    font-weight: bold;
}

.lottery-get-wrapper .txt .tip {
    color: #EBC519;
    font-size: .35rem;
}

.lottery-get-wrapper .jin-sum,
.out-get-wrapper .jin-sum {
    margin: .69rem auto .49rem;
    color: #4D4D4D;
    font-size: .49rem;
    width: 3.47rem;
    height: .69rem;
    background: #F7F7FC;
    border-radius: .3rem;
}

.lottery-get-wrapper .jin-sum img,
.out-get-wrapper .jin-sum img {
    width: .37rem;
    height: .42rem;
    margin-right: 0.14rem;
}

.lottery-get-wrapper .sure-button,
.out-get-wrapper .sure-button {
    width: 3.47rem;
    height: .9rem;
    display: inline-block;
    background: url('../imgs/ling-button.png') no-repeat center center /100% 100%;
}

.no-money-wrapper {
    width: 5.42rem;
    height: 7.28rem;
    background-color: #fff;
}

.no-money-wrapper .ad-img {
    margin-top: .69rem;
    display: inline-block;
    width: 1.71rem;
    height: 1.49rem;
}

.no-money-wrapper .txt {
    margin: .46rem auto .49rem;
    color: #4D4D4D;
    font-size: .35rem;
    font-weight: bold;
}

.no-money-wrapper .tip {
    margin: .49rem 0 .1rem;
    padding: 0;
    font-size: .28rem;
    color: #999;
}

.no-money-wrapper .time {
    color: #F4CF31;
    font-size: .28rem;
}

.no-money-wrapper .jin-sum {
    margin: .69rem auto .49rem;
    color: #4D4D4D;
    font-size: .49rem;
    width: 3.47rem;
    height: .69rem;
    background: #F7F7FC;
    border-radius: .3rem;
}

.no-money-wrapper .jin-sum img {
    width: .37rem;
    height: .42rem;
    margin-right: 0.14rem;
}

.no-money-wrapper .sure-button {
    width: 4.72rem;
    height: .9rem;
    display: inline-block;
    background: url('../imgs/ad-button.png') no-repeat center center /100% 100%;
}


.fen-wrapper {
    width: 5.42rem;
    height: 7.79rem;
}

.fen-wrapper .white {
    padding: .74rem 0 .69rem;
    background-color: #fff;
    border-radius: .28rem;
}

.fen-wrapper .white+.white {
    padding: 0;
    margin-top: .35rem;
}

.fen-wrapper .top-img {
    width: .98rem;
    height: 1.13rem;
    margin: 0 auto .08rem;
}

.fen-wrapper .num {
    margin: 0 auto .48rem;
    display: block;
    color: #fff;
    background-color: #EBC519;
    width: .42rem;
    height: .22rem;
    font-size: .2rem;
    line-height: .24rem;
}

.fen-wrapper .tip {
    padding: 0;
    margin: auto;
    color: #4D4D4D;
    font-size: .35rem;
}

.fen-wrapper .txt {
    margin: .17rem auto .49rem;
    color: #999;
    font-size: .28rem;
}

.fen-wrapper .sure-button {
    margin: 0 auto;
    display: block;
    width: 3.47rem;
    height: .9rem;
    background: url('../imgs/sure-button2.png') no-repeat center center /cover;
}

.fen-wrapper .ju {
    padding: .35rem 0 .38rem;
    font-size: .28rem;
    color: #999;
}

.fen-wrapper .ju .gao {
    color: #EBC519;
}

.fen-wrapper .ju-con {
    padding-bottom: .31rem;
}

.fen-wrapper .ju-con img {
    margin-right: .21rem;
    width: .55rem;
    height: .63rem;
}

.fen-wrapper .ju-con .name {
    font-size: .18rem;
    color: #4D4D4D;
}

.fen-wrapper .ju-con .des {
    margin-top: .05rem;
    font-size: .18rem;
    color: #EBC519;
}

.hong-wrapper,
.hong-ti-wrapper {
    background: url('../imgs/h-bg.png') no-repeat center center /cover;
    width: 6.11rem;
    height: 8.17rem;
}

.hong-wrapper .tip,
.hong-ti-wrapper .tip {
    padding: 0;
    margin-top: 3.47rem;
    font-size: .35rem;
    color: #fff;
}

.hong-wrapper .ti,
.hong-ti-wrapper .ti {
    margin: .35rem auto .69rem;
    font-size: .28rem;
    color: #fff;
}

.hong-wrapper .sure-button {
    margin: auto;
    display: block;
    width: 2.08rem;
    height: 2.08rem;
    background: url('../imgs/kai.png') no-repeat center center /cover;
}

.hong-ti-wrapper .sure-button {
    margin: 2.32rem auto 0;
    display: block;
    width: 3.47rem;
    height: .9rem;
    background: url('../imgs/ti-button.png') no-repeat center center /cover;
}

.jin-ad-wrapper {
    display: none;
    position: fixed;
    right: auto;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.74rem;
    background: #fff;
    border-radius: 0;
}

.jin-ad-wrapper .ad-con {
    height: 1.7rem
}

.jin-ad-wrapper .photo {
    width: 1.04rem;
    height: 1.04rem;
    margin-right: .36rem;
    margin-left: .28rem;
}

.jin-ad-wrapper .title {
    font-size: .35rem;
    color: #4D4D4D;
}

.jin-ad-wrapper .des {
    width: 3.5rem;
    word-wrap: break-word;
    display: -webkit-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: .17rem 0;
    color: #4D4D4D;
    font-size: .18rem;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.jin-ad-wrapper .fen {
    font-size: .18rem;
    color: #999;
}

.jin-ad-wrapper .download {
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto;
    right: .28rem;
    width: 1.04rem;
    height: 0.42rem;
    line-height: 0.42rem;
    background: #EBC519;
    border: .03rem solid #fff;
    font-size: .18rem;
    color: #fff;
    border-radius: .03rem;
}

.jin-ad-wrapper .s-close {
    position: absolute;
    top: .28rem;
    right: .28rem;
    width: .18rem;
    height: .18rem;
    background: url('../imgs/close2.png') no-repeat center center /100% 100%;
}


.jin-ad-wrapper .txt {
    position: absolute;
    bottom: .28rem;
    right: .28rem;
    font-size: .18rem;
    color: #999;
}

.tu-wrapper {
    border-radius: 0;
    padding: 2.18rem 0 0 0;
    height: 10rem;
    background: url('../imgs/tu-bg.png') no-repeat center bottom / 100% 7.85rem;
    box-sizing: border-box;
}

.tu-wrapper .top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.18rem;
}

.tu-wrapper .tu-con {
    padding: .18rem .18rem;
}

.tu-wrapper .tu-list {
    height: 7.4rem;
    padding: 0 0.14rem 0;
}

.tu-wrapper .tu-item {
    margin-bottom: .14rem;
    height: 2.19rem;
    background-color: #fff;
}

.tu-wrapper .tu-item:first-child {
    margin-top: .1rem;
}

.tu-wrapper .tu-item .left {
    margin-right: .32rem;
}

.tu-wrapper .tu-item .animal {
    width: 1.37rem;
    height: 1.31rem;
}

.tu-wrapper .tu-item .name {
    color: #4D4D4D;
    margin-top: 0.17rem;
    font-size: .25rem;
}

.tu-wrapper .tu-item .title {
    color: #DE6A52;
    font-size: .25rem;
}

.tu-wrapper .tu-item .line-title {
    color: #999;
    font-size: .21rem;
    margin: .27rem 0 .13rem;
}

.tu-wrapper .tu-item .line-item {
    font-size: .21rem;
    margin-bottom: .14rem;
    color: #4D4D4D;
}

.no-mi-wrapper {
    height: 5.42rem;
    width: 4.72rem;
    background: url('../imgs/no-mi-bg.png') no-repeat center center /100% 100%;
}

.no-mi-wrapper .sure-button {
    position: absolute;
    bottom: .69rem;
    left: 0;
    right: 0;
    margin: auto;
    height: .9rem;
    width: 3.47rem;
    background: url('../imgs/no-mi-button.png') no-repeat center center/100% 100%;
}

.get-mi-wrapper {
    height: 8.17rem;
    background: url('../imgs/get-mi-bg.png') no-repeat center center /100% 100%;
}

.get-mi-wrapper .sure-button {
    position: absolute;
    bottom: .69rem;
    left: 0;
    right: 0;
    margin: auto;
    height: .9rem;
    width: 3.47rem;
    background: url('../imgs/get-mi-button.png') no-repeat center center/100% 100%;
}

.ku-wrapper {
    padding: 3rem 0 0 0;
    height: 7rem;
    /* background: url('../imgs/ku-bg.png') no-repeat center center /100% 100%; */
}

.ku-wrapper .top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3rem;
}

.ku-wrapper .sure-button {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 1.04rem;
    width: 100%;
    background: url('../imgs/ku-button.png') no-repeat center center/100% 100%;
    z-index: 1;
}

.ku-wrapper .ku-list {
    height: 6.41rem;
    padding: 0 .35rem;
    background: #fff;
}

.ku-wrapper .ku-item {
    height: 1.4rem;
    padding: .3rem 0;
    border-bottom: 1px solid #E8E8ED;
}

.ku-wrapper .ku-item .left {
    position: relative;
    width: 1.4rem;
    height: 1.4rem;
    border: 4px solid #F7F7FC;
    background: #F7F7FC;
    border-radius: 4px;
}

.ku-wrapper .ku-item.on .left {
    border: 4px solid #EBC519;
}

.ku-wrapper .ku-item .animal {
    width: .63rem;
    height: auto;
}

.ku-wrapper .ku-item .num {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: .42rem;
    height: .22rem;
    line-height: .24rem;
    background-color: #EBC519;
    color: #fff;
    font-size: .2rem;
    border-radius: .03rem;
}

.ku-wrapper .ku-item .center {
    font-size: .25rem;
    color: #4D4D4D;
    width: 2.08rem;
}

.ku-wrapper .ku-item .right {
    width: 2.21rem;
    color: #EBC519;
    font-size: .28rem;
}

.store-wrapper {
    width: 7rem;
    height: 11.3rem;
}

.store-wrapper .top {
    height: 3.26rem;
}

.store-wrapper .wrapper-con {
    margin: -.01rem auto 0;
    width: 6.1rem;
    background-color: #fff;
    border-bottom-left-radius: .26rem;
    border-bottom-right-radius: .26rem;
}

.store-wrapper .wrapper-con .sum {
    position: relative;
    height: 1.04rem;
    background-color: #F7F7FC;
}

.store-wrapper .wrapper-con .sum .bg {
    position: absolute;
    left: .35rem;
    bottom: 0;
    top: 0;
    margin: auto;
    width: 2.08rem;
    height: .69rem;
    background: url('../imgs/money-bg.png') no-repeat center center /100% 100%;
}

.store-wrapper .wrapper-con .sum img {
    width: .47rem;
    height: .47rem;
    margin: 0 .13rem 0 .11rem;
}

.store-wrapper .wrapper-con .sum span {
    color: #EDC924;
    font-size: .28rem;
}

.store-wrapper .store-list {
    height: 7rem;
    padding: 0 .35rem;
}

.store-wrapper .store-item {
    border-bottom: 1px solid #E8E8ED;
}

.store-wrapper .store-item .left {
    background: #F7F7FC;
    width: 1.47rem;
    height: 1.47rem;
    border-radius: .21rem;
    position: relative;
}


.store-wrapper .store-item .left .animal {
    width: .63rem;
}

.store-wrapper .store-item .left .num {
    font-size: .2rem;
    width: .42rem;
    height: .22rem;
    line-height: .24rem;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #EBC519;
    color: #fff;
    border-radius: .07rem;
}

.store-wrapper .store-item .center {
    padding: .35rem 0 .35rem .34rem;
    width: 1.74rem;
}

.store-wrapper .store-item .center .name {
    color: #4D4D4D;
    font-size: .25rem;
}

.store-wrapper .store-item .center .time {
    margin: .35rem 0 .13rem;
    color: #EBC519;
    font-size: .21rem;
}

.store-wrapper .store-item .center .money {
    font-size: .21rem;
    color: #999;
}

.store-wrapper .store-item .right-bg {
    margin-left: .47rem;
    font-size: .21rem;
    color: #fff;
    width: 1.5rem;
    height: .44rem;
    background: url('../imgs/num-bg.png') no-repeat center center / 100% 100%;
}

.store-wrapper .store-item .right-bg img {
    margin: 0 .07rem 0 .17rem;
    width: .21rem;
    height: .21rem;
}

.ku-sure-wrapper,
.delete-sure-wrapper {
    width: 4.72rem;
    height: 5.37rem;
    background-color: #fff;
    border-radius: .28rem;
}

.ku-sure-wrapper .animal {
    margin-top: .89rem;
    width: .87rem;
    height: .97rem;
}

.ku-sure-wrapper .tip {
    color: #4D4D4D;
    font-size: .35rem;
    padding-bottom: 0;
    margin: .64rem 0 .28rem;
}

.ku-sure-wrapper .txt {
    font-size: .25rem;
    color: #999;
    margin-bottom: .56rem;
}

.ku-sure-wrapper .sure-button {
    width: 3.47rem;
    height: .9rem;
    background: url('../imgs/know-button.png') no-repeat center center /cover;
}

.delete-sure-wrapper .animal {
    margin-top: .89rem;
    width: .87rem;
    height: .97rem;
}

.delete-sure-wrapper .tip {

    color: #999;
    font-size: .25rem;
    padding-bottom: 0;
    margin: .64rem 0 .28rem;
}

.delete-sure-wrapper .txt img {
    width: .47rem;
    height: .47rem;
    margin-right: .15rem;
}

.delete-sure-wrapper .txt {
    font-size: .35rem;
    color: #4D4D4D;
    margin-bottom: .56rem;
}

.delete-sure-wrapper .sure-button {
    width: 3.47rem;
    height: .9rem;
    background: url('../imgs/know-button.png') no-repeat center center /cover;
}

.pay-dialog {
    width: 6.11rem;
    height: 4.40rem;
    background-color: #fff;
    border-radius: .28rem;
}

.pay-dialog .pay-close {
    position: absolute;
    left: .35rem;
    top: .35rem;
    width: .21rem;
    height: .21rem;
    background: url('../imgs/meng/close.png') no-repeat center center /cover;
}

.pay-dialog .pay-tip {
    margin: .7rem auto;
    font-size: .35rem;
    font-weight: bold;
    color: #4D4D4D;
}

.pay-dialog .pay-money {
    margin-bottom: .7rem;
    font-size: .49rem;
    color: #D84830;
}

.pay-dialog .pay-money img {
    margin-right: .11rem;
    width: .48rem;
}

.pay-dialog .input-list {
    margin: 0 .35rem;
    border-width: 1px 0 1px 1px;
    border-color: #E1E1E5;
    border-style: solid;
}

.pay-dialog .input-list input {
    border-width: 0 1px 0 0;
    border-color: #fff;

    border-right-width: 1px;
    border-color: #E1E1E5;
    border-style: solid;
    color: transparent;
    text-shadow: 0 0 0 #333;
    font-size: .3;
    margin: 0;
    outline: none;
    width: 100%;
    height: .9rem;
    text-align: center;
}